<template>
  <el-dialog :visible="shiping"  width="800px" style="margin-top:5vh">
    <video :src="videoURL" autoplay style="width:100%;"></video>
    <el-button
      @click="guanbi"
      class="tubiaoya"
      size="medium"
      icon="el-icon-error"
      circle
      type="info"
    ></el-button>
  </el-dialog>
</template>
<script>
export default {
  props: {
    videoURL: {
      required: true
    },
    shiping: {
      required: true
    }
  },
  methods: {
    guanbi() {
      this.$emit("guanbi");
    }
  }
};
</script>
<style lang="scss" scoped>
.tubiaoya {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -15%;
  left: 50%;
  /* transform: translate(-50%, -0%); */
  background: none;
}
::v-deep .el-icon-error {
  font-size: 55px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: -2px;
  left: -3px;
  right: 0;
  bottom: 0;
}
.container {
  padding: 10px;
}


::v-deep .el-dialog__header {
  background: none;
}
::v-deep .el-dialog__body {
  padding: 0px;
}

::v-deep .el-dialog__header {
  border-radius: 0px;
  width: 0px;
  height: 0px;
}
::v-deep .el-dialog__header {
  padding: 0px;
}

::v-deep .el-dialog,
.el-pager li {
  background: none;
}
::v-deep .el-icon-close:before {
  content: "";
}
</style>